都会|正经_专业前端console大法

篇首语：本文由编程笔记#小编为大家整理，主要介绍了专业前端 console 大法相关的知识，希望对你有一定的参考价值。

‍作者&＃xff1a;正经程序员

链接&＃xff1a;https://juejin.cn/post/7065856171436933156

学习前端开发时&＃xff0c;几乎最先学习的就是console.log()。

毕竟多数人的第一行代码都是&＃xff1a;console.log( Hello World );

console对象提供了对于浏览器调试控制台的访问&＃xff0c;可以从任何全局对象中访问到console对象。

灵活运用console对象所提供的方法&＃xff0c;可以让开发变得更简单。

最常见的控制台方法&＃xff1a;

console.log()– 打印内容的通用方法。
console.info()– 打印资讯类说明信息。
console.debug()– 在控制台打印一条 "debug" 级别的消息。
console.warn()– 打印一个警告信息。
console.error()– 打印一条错误信息。


console.log()写css

console.log() 使用参数

console.clear();

用于清除控制台信息。

console.count(label);

输出count()被调用的次数&＃xff0c;可以使用一个参数label。演示如下&＃xff1a;

var user &＃61; "";
function greet() 
  console.count(user);
  return "hi " &＃43; user;
user &＃61; "bob";
greet();
user &＃61; "alice";
greet();
greet();
console.count("alice");


输出

console.dir()

使用console.dir()可以打印对象的属性&＃xff0c;在控制台中逐级查看对象的详细信息。

console.memory

console.memory是一个属性&＃xff0c;而不是方法&＃xff0c;使用memory属性用来检查内存信息。

console.time() 和 console.timeEnd()

• console.time()– 使用输入参数的名称启动计时器。在给定页面上最多可以同时运行 10,000 个计时器。

• console.timeEnd()– 停止指定的计时器并记录自启动以来经过的时间&＃xff08;以毫秒为单位&＃xff09;。

console.assert()

如果断言为假&＃xff0c;将错误信息写入控制台&＃xff0c;如果为真&＃xff0c;无显示。

console.trace();

console.trace()方法将堆栈跟踪输出到控制台。

console.table();

在console中还可以打印表格

打印html元素

console.group() 和 console.groupEnd()

在控制台上创建一个新的分组&＃xff0c;随后输出到控制台上的内容都会被添加到一个锁进&＃xff0c;表示该内容属于当前分组&＃xff0c;知道调用console.groupEnd()之后&＃xff0c;当前分组结束。